<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <?php include_http_metas() ?>
    <?php include_metas() ?>
    <?php include_title() ?>
    <link rel="shortcut icon" href="/favicon.ico" />
    <?php use_stylesheet("cupertino/jquery-ui-1.9.0.custom.min.css") ?>
    <?php use_stylesheet("style.css") ?>
    <?php use_stylesheet("login-box.css") ?>
    <?php use_javascript("jquery-1.8.2.js") ?>
    <?php use_javascript("jquery-ui-1.9.0.custom.min.js") ?>
    <?php use_javascript("jquery-ui-i18n.js") ?>
    <?php use_javascript("jquery.jclock.js") ?>
    <?php use_javascript("panel.js") ?>
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
  
     <script language="JavaScript" type="text/javascript">
  		$(function() {
  			$('.reloj').jclock();
  		});
  	</script>
  </head>

<body>

    <?php use_helper('jQuery', 'I18N', 'Date') ?>
    
    <?php function fecha(){
	$mes = date("n");
	$mesArray = array( 1 => "Enero", 2 => "Febrero", 3 => "Marzo", 4 => "Abril", 5 => "Mayo", 6 => "Junio", 7 => "Julio",
	                   8 => "Agosto", 9 => "Septiembre", 10 => "Octubre", 11 => "Noviembre", 12 => "Diciembre" );
	$semana = date("D"); $semanaArray = array( "Mon" => "Lunes", "Tue" => "Martes", "Wed" => "Miercoles", "Thu" => "Jueves",
	                                           "Fri" => "Viernes", "Sat" => "Sábado", "Sun" => "Domingo", );
	$mesReturn = $mesArray[$mes]; $semanaReturn = $semanaArray[$semana]; $dia = date("d");
	$año = date ("Y");
	return $semanaReturn." ".$dia." de ".$mesReturn." de ".$año; }
?>
    <div id='time'><?php echo fecha();?></div>
    <div class='reloj'></div>
    <div id="contenedor_medio">
          <div id="logo">
            <a href="#"><img  src="/images/<?php echo sfConfig::get('app_empresa_logo','logo.jpg'); ?>"
             width=150 height=76 alt="<?php echo sfConfig::get('app_empresa_nombre','Acalio');?>"></a>
          </div>
    </div>
    <div id="contenido-login">
            <?php echo $sf_content ?>
   </div>
   <div id="footer">
            <div class="acalio">
		  		Desarrollado por <a class="acalio" target="_blank" href="http://www.acalio.com">www.Acalio.com</a>
			</div>
   </div>
   
   <script language="JavaScript" type="text/javascript">
  	$(function() {
  	  	var conectar = function () {
			$('#formLogin').submit();
  		};
  		var dialogOpts = {
  			autoOpen: true,
  			width:500,
  			minHeight:200,
  			closeOnEscape: true,
  			modal: true,
  			buttons: {
  	  			"<?php echo __("Conectar")?>": conectar,
  			},
  			open: function() {
      		},
  			close: function(event, ui) {
  				$("#login-box").dialog("destroy");
  				$("#login-box").remove();
  				window.location = "<?php echo url_for('@homepage'); ?>";
  			}
  		};
                $('#login-box').keyup(function(e) {
    		if (e.keyCode == 13) {
        		$('#formLogin').submit();
    		}
		});
  		$("#login-box").dialog(dialogOpts);
                
                // Para la version de demostracion definimos el nombre se usuario y la contraseña a admin
                $("#signin_username").val('admin');
                $("#signin_password").val('admin');
   });
  </script>
  <script type="text/javascript">
		$('input[type="text"]').focus(function() {
		    $(this).addClass("focus");
		    $(this).parent().parent().addClass("focustr");
		});
		 
		$('input[type="text"]').blur(function() {
		    $(this).removeClass("focus");
		    $(this).parent().parent().removeClass("focustr");
		});
		$('input[type="password"]').focus(function() {
		    $(this).addClass("focus");
		    $(this).parent().parent().addClass("focustr");
		});
		 
		$('input[type="password"]').blur(function() {
		    $(this).removeClass("focus");
		    $(this).parent().parent().removeClass("focustr");
		});
   </script>

  
   
   
   

</body>





